@charset"utf-8";


#lunbo {
    img {
        width: 100%;
    }
}
#content1{
    .wid1{
        padding-top: 87px;
        padding-bottom: 66px;
        background-image: url(../img/layabox.png);
        background-position: right 69%;
        background-repeat: no-repeat;
    }
    
    div{
        h1{
            color: #2a2a2a;
            font-size: 36px;    
        }
        h2{
           font-size: 21px;
           color: #2a2a2a; 
        }
        
        p{
            font-size: 14px;
            color: #2a2a2a; 
            text-indent: 16px;
    }
}
}


#content2{
    .wid2{
        padding-top: 116px;
        padding-bottom: 83px;
    }
    background-color:#8cc11f ;
    div{
        h1{
            font-size: 36px;
            color: #FFFFFF;
        }
        p{
           font-size: 16px;
           color: #ffffff; 
        }
    }
    .content2-right{
        padding-top: 95px;
        .youxian{
            line-height: 45    px;
            text-align: center;
            width: 219px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 4px;
    font-size: 24px;
    color: #8cc11f;
        }
        
    }
}
#content3{
    .wid3{
        

        padding-bottom: 66px;
        border-bottom: 1px solid #d2d2d2; ;
    }
    div{
        h1{
            font-size: 25px;
                color: #8cc11f;
        }
        h2{
            font-size: 18px;
            color: #2a2a2a;
        }
        p{
           font-size: 14px; 
            color: #2a2a2a;
        }
    }
}
#content4{
    background-color: #f4f4f4;
     .wid4{
        padding-top: 41px;
        padding-bottom: 62px;
    }
    div{
        h1{
            font-size:36px;
            color: #2a2a2a;
            margin-bottom: 41px;
        }
        p{
            margin: 0;
            font-size: 15px;
            color: #2a2a2a;
        }
        img{
           
            max-width: 70px;
        }
        
    }
    .content-4-color{
        height: 103px;
        background-color: #ffffff;
        border-radius: 4px;
        border: solid 1px #e3e3e3;
        width: 100%;
        margin-bottom: 22px;
        padding-top: 10px;
    }
    .aline{
        
            display: table-cell;
           float: none;
          vertical-align: middle;
    }
    .qu-table{
        width: 1%;
    }
}




@media (min-width:1200px) {
    .w1000 {
        width: 1000px;
    }
}

@media(max-width:768px){
    #content1 .wid1{
        background-image:none;
    }
}
